<div ng-include="sys_html('common/head')"></div>
<link rel="stylesheet" href="../addons/jy_jdk/custom/templates/mobile/css/ydui.css?v=11" type="text/css">
    <style>
        .search-box {
            width: 100%;
            padding: 0.4rem 0;
        }

        .search-box .form-box {
            width: 90%;
            height: 1.2rem;
            margin: 0 auto;
            position: relative;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
        }

        .search-box .form-box .search-border {
            width: 98.8%;
            height:1.1rem;
            position: relative;
            background: #fff;
            border: 1px solid #bbb;
            border-right: none;
            border-top-left-radius: 0.1rem;
            border-bottom-left-radius: 0.1rem;
            padding-left: 0.1rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
        }

        .search-box .form-box .search-border .search-img {
            width: 1rem;
            height: 1rem;
        }

        .search-box .form-box .search-border .search-input {
            width: 99.52%;
            height: 1.1rem;
            line-height: 1.1rem;
            font-size: 0.6rem;
            color: #3d4145;
            padding-left: 0.1rem;
            padding-right: 0.1rem;
        }

        .search-box .form-box a {
            display: block;
            width: 2.6rem;
            height: 1.1rem;
            line-height: 1.1rem;
            text-align: center;
            background: #f66;
            color: #fff;
            font-size: 0.6rem;
            border-top-right-radius: 0.1rem;
            border-bottom-right-radius: 0.1rem;
        }
    </style>
    <div class="g-flexview pages" id="myorder" style="height:auto;">
        <!--头部导航-->
        <header class="m-navbar">
            <a ng-click="accesss_json('/my/')" class="navbar-item">
                <i class="back-ico"></i>
            </a>
            <div class="navbar-center">
                <span class="navbar-title">我的订单</span>
            </div>
        </header>
        <!--滚动区域-->
        <div class="g-scrollview">

            <div class="m-tab">
                <ul class="tab-nav">
                    <li class="tab-nav-item tab-active" state='' id="yn">
                        <a href="javascript:">全部</a>
                    </li>
                    <li class="tab-nav-item" state='15' id="yn15">
                        <a href="javascript:">待付款</a>
                    </li>
                    <li class="tab-nav-item" state='16' id="yn16">
                        <a href="javascript:">已付款</a>
                    </li>
                    <li class="tab-nav-item" state='17' id="yn17">
                        <a href="javascript:">已完成</a>
                    </li>
                    <li class="tab-nav-item" state='18' id="yn18">
                        <a href="javascript:">已结算</a>
                    </li>
                </ul>
                <div class="search-box">
                    <div class="form-box">
                        <div class="search-border">
                            <div class="search-img">
                                <img src="../addons/jy_jdk/custom/templates/mobile/img/search.png" alt="">
                            </div>
                            <input class="search-input" type="text" id="orderid" value="" placeholder="根据订单号搜索">
                        </div>
                        <a class="search-submit" href="javascript:;" onclick="searchlist()">搜索</a>
                    </div>
                </div>
                <div class="tab-panel">
                    <div class="tab-panel-item tab-active" id="orderlist">
					<div ng-repeat="item in pagedata.list" class="order-body">
                       <div class="order-num">
                        <div class="cell-left"><span style="float: left">订单号：{{item.orderId}}</span>
                      
                        <span style="float: right; color: #FF5E53">
                           
                            {{item.valistatus}}
                          
                        </span>
                      
                        </div>
						</div>
                        <!--订单-->
                        <div class="order-item">
                            <div class="shop-infor">
                                <div class="shop-infor-left">
                                    <div class="icon-jd" style="width:auto; height:auto;"><img src="../addons/jy_jdk/custom/templates/mobile/img/jd.png" alt=""></div>
                                    <span>订单详情</span>
                                </div>
                                <div class="shop-infor-right">{{item.orderTime}}</div>
                            </div>
                            
                            <div class="goods-infor">
                                <div class="goods-infor-left">
                                    <div class="goods-img"><img src="../addons/jy_jdk/custom/templates/mobile/img/logo.v3.jpg" alt=""></div>
                                </div>
                                <div class="goods-infor-center">
                                    <div class="goods-name"><span>
                                           
                                        {{item.skuName }}</span></div>
                                    <!--
                                    <div class="goods-subside">
                                        <div class="subside-real">平台补贴：<span>5.00</span></div>
                                        <div class="subside-platform">平台补贴：<span>5.00</span></div>
                                    </div>
                                    -->
                                </div>
                                <div class="goods-infor-right">
                                    <div class="goods-money">￥:<span>{item.cosPrice }}</span></div>
                                    <div class="goods-num">x<span>{{item.skuNum }}</span></div>
                                </div>
                            </div>
                            
                            <div class="all-subside" style='font-size: 0.25rem;'>【{{item.members.nickname}}】 订单佣金:<span>{{item.my_commission}}</span>
                                
                            </div>
                        </div>
                    </div>

                    </div>

                  
                    <div id="nodata" ng-if="pagedata.list==''" class="" style="height: 20px">
                        <div class="dropload-load" style="line-height: 10px">没有更多订单了</div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <style type="text/css">
        .cell-left {
            display: block;
            overflow: hidden
        }
    </style>